<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I add a checklist on a Lessons page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I add a checklist on a Lessons page?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_A0A560B1-DA86-48FB-9538-D581972CFBC5" class="text-block-content">
    <p>Instructors can add Checklist items to a Lessons page. Checklists allow site participants to either manually or automatically check off items as they complete them. </p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Lessons.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/007/054/000/original/1f98229c-9415-43d2-b93f-42ddfa747cbf.png" alt="" height="110" width="202">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_0DBFA78D-B73A-4F71-B1D4-A98EA90AECD0" class="text-block-content">
    <p>If you titled your page something other than <em>Lessons</em>, select the title of the page as it appears in your Tool Menu.</p>
  </div>
</div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_04241BFD-E474-4B4A-B90A-9A2645D8048F" class="text-block-content">
    <p>Click on the Lessons tool in the Tool Menu to display the page. </p>
<p><em>Note: The default or blank Lessons page contains text and images that explain the basic functionality of the Lessons tool.</em></p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Add Content, and then select Add Checklist.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/375/original/e83160ec-6262-4dc1-b336-1209ab657f38.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/375/medium/e83160ec-6262-4dc1-b336-1209ab657f38.png" alt="Click Add Content, then Add Checklist." height="438" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_5ACE2EC8-859A-409A-9427-FA281867FC45" class="text-block-content">
    <p>From the<strong> Add Content</strong> drop-down menu, select <strong>Add Checklist</strong>.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Enter a title.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/388/original/9ed1e217-5e85-44ec-9c65-c00091e2d58d.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/388/medium/9ed1e217-5e85-44ec-9c65-c00091e2d58d.png" alt="" height="109" width="855">
      </a>
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="hide-checklist-name-optional">
    <h3 class="step-title screensteps-heading">Hide checklist name. (Optional)</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/390/original/5aef6792-ff25-4d79-a0a2-e012c126af71.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/390/medium/5aef6792-ff25-4d79-a0a2-e012c126af71.png" alt="" height="133" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_3232ABCB-ECE2-4FA0-B0C4-3E1D0307D806" class="text-block-content">
    <p>If you don't want students to see the name of the checklist, you may check the box to hide the name. Students will still see the description and checklist items, but not the title.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="enter-a-checklist-description">
    <h2 class="step-title screensteps-heading">Enter a checklist description.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/392/original/c48fa8b4-6b1f-49b7-a8a4-a2cf8e379d2e.png" alt="" height="162" width="557">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_C5EFDCF0-1B2C-4090-9454-76D9675EF0AE" class="text-block-content">
    <p>The description typically explains the purpose of the checklist.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="add-checklist-items">
    <h2 class="step-title screensteps-heading">Add checklist items.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/394/original/352a048e-8bed-40f7-a2e8-846164733506.png" alt="" height="326" width="530">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_16C0871A-5DDD-4626-AFE2-DF6C6CF78337" class="text-block-content">
    <ol>
<li>Click the <strong>Add New Checklist Item</strong> button to add a new item. </li>
<li>Enter the item title in the empty text field, and then repeat the process to add additional items.</li>
</ol>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="deleting-items">
    <h3 class="step-title screensteps-heading">Deleting items.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/432/original/e5b62081-9eba-45ee-8fe7-fd9b7d63d771.png" alt="" height="309" width="530">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_7074157B-D437-4BAE-9F11-7DAB81E32F63" class="text-block-content">
    <p>If you need to remove an item from the list, click on the red X to the right of the item.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="reordering-items">
    <h3 class="step-title screensteps-heading">Reorder items.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/434/original/89d9e8fc-75da-4610-a986-26efc4755f38.png" alt="" height="339" width="539">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_ADC07371-6670-48DC-8B64-5EE5A6D2A12E" class="text-block-content">
    <p>If you need to reorder items, click on the arrows to the left of the item, and then drag it into the desired order in the list.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="appearance-optional">
    <h2 class="step-title screensteps-heading">Appearance. (Optional)</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/436/original/8cd2b1da-31ae-49bf-a4ad-8d16efb11fde.png" alt="" height="225" width="626">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_283FDCCE-FAE1-4449-BBFD-FE626F000390" class="text-block-content">
    <p>If you would like to indent the checklist on the page, or designate custom CSS for the checklist, click on <strong>Appearance</strong> to expand those settings.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="groups-optional">
    <h2 class="step-title screensteps-heading">Groups. (Optional)</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/437/original/5309bdce-2ecd-4936-8c5c-0aa78c5a8812.png" alt="" height="196" width="633">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A91F1259-9651-45D9-8DD2-39D191004CA6" class="text-block-content">
    <p>If you would like to make the checklist visible to specific groups only, click on <strong>Groups</strong> to expand those settings and select your desired groups. </p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Save.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/438/original/0b440f16-6507-4a08-9d1a-fc73e098028c.png" alt="" height="53" width="169">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="the-checklist-will-display-on-the-page">
    <h2 class="step-title screensteps-heading">The checklist will display on the page.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/440/original/3010779a-eb36-4d97-8b27-621e6d4f7304.png" alt="" height="301" width="556">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="optional-to-automatically-check-off-items">
    <h2 class="step-title screensteps-heading">Automatically check off items. (Optional) </h2>
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_CED6912B-B644-4FFE-85E8-FFEDD1C5D1B8" class="text-block-content">
    <p>First you must make one or more of the items on the page a requirement. For help on making items required, see <a href="content.hlp?docId=howdoirequirecompletionofalessonsitem">How do I require completion of a Lessons item?</a></p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="edit-the-checklist-item-and-select-the-link-icon-next-to-the-item-you-want-to-check-off-automatically">
    <h3 class="step-title screensteps-heading">Edit the Checklist item and select the Link icon next to the item you want to check off automatically.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/441/original/be59b65a-bbf9-4852-8eb0-c1714f422a5e.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/441/medium/be59b65a-bbf9-4852-8eb0-c1714f422a5e.png" alt="" height="507" width="855">
      </a>
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="choose-the-desired-item-from-the-list-of-required-items-on-the-page-and-click-submit">
    <h3 class="step-title screensteps-heading">Choose the desired item from the list of required items on the page, and click Submit.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/450/original/32bc1597-86a9-4448-b282-77099ff26078.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/450/medium/32bc1597-86a9-4448-b282-77099ff26078.png" alt="" height="221" width="855">
      </a>
  </div>
 
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
